<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
   <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
    <body>
        <h:form id="form">
            <DIV ALIGN="center" >
            <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ." style="background-color: lightgray" >
                <p:panel header="REUNIONES SEMANALES CON PRACTICANTES" >
                    <div> Aqui van los datos practicante -- supervisor -- programa neg o mer</div>
                    <p:separator id="customSeparator" style="width:1000px;height:20px" /> 
                    <h:panelGrid columns="5" border="5" bgcolor="" dir="CENTER" >
                        <h:outputText value="Fecha " />
                        <h:outputText value="Hora Inicio " />
                        <h:outputText value="Hora Terminación " />
                        <h:outputText value="Temas tratados " />
                        <h:outputText value="Compromisos " />
                        <p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" locale="tr"/>
                        <p:calendar value="#{calendarBean.date2}" pattern="HH:mm" timeOnly="true" />
                        <p:calendar value="#{calendarBean.date2}" pattern="HH:mm" timeOnly="true" />
                        <p:inputTextarea rows="1" cols="25" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" /> 
                        <p:inputTextarea rows="1" cols="25" completeMethod="#{autoCompleteBean.completeArea}" queryDelay="750" minQueryLength="4" /> 
                    </h:panelGrid> 
                </p:panel>
                    <p:commandButton value="Guardar" update="display" oncomplete="dlg.show()" />  
                    <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" /> 
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="#{formBean.selectedOptions}" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="#{formBean.selectedMovies}" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
            </p:panel> 
                <h:outputText value="Fundacion Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>
            </DIV> 
        </h:form>
    </body>
</html>
